.header{
    width: 6.98rem;
    background: #fece02;
    display: inline-block;
    padding:.17rem .17rem .22rem .35rem;
}
.header .logo{
    width:.64rem;
    height:.68rem;
    float: left;
    background: url('../images/fee.png')no-repeat center center;
    background-size: .64rem .68rem;
}
.header .search-form{
    float: left;
    padding:0 .3rem 0 .38rem;
}
.header .qcode{
    margin-right: .47rem;
    width: .43rem;
    height: .68rem;
    float: left;
    background: url('../images/qcode.png') no-repeat center center;
    background-size:.43rem .68rem;
}
.header .info{
    background: url(../images/info.png) no-repeat center center;
    background-size:.40rem .68rem;
    float: left;
    width:.40rem;
    height:.68rem;
}
.header .search-form input{
    font-size:.3rem;
    width: 4.3rem;
    height: .68rem;
    border: none;
    border-radius: .34rem;
    background: rgba(255, 255, 255, 0.5) no-repeat url('../images/search.png') .22rem .20rem;
    background-size: .38rem .36rem;
    text-indent: .85rem;
}
.header .search-form input::-webkit-input-placeholder{
    font-size:.3rem;
    color:#fff5c9;
}
.content .banner, .banner a, .banner a img{
    width:7.5rem;
    height:2.83rem;
}
.content .banner img{
    width: 7.5rem;
    height: auto;
}
.content .cate-box {
    border-bottom:.01rem solid #d3d3d3;
}
.content .cate{
    margin:.2rem auto;
    width:6.26rem;
    height:1.39rem;
}
 .content .cate ul li{
    float: left;
}
.cate ul li a{
    float: left;
    width:.98rem;
    height:1.39rem;
    text-align: center;
    margin-right:.60rem;
}
.content .cate ul li a img{
    margin:.11rem 0 .13rem;
    width:.98rem;
    height:.90rem;
}
.content .cate ul li:nth-last-child(2) a img{
    width: 1.26rem;
    height: 1.06rem;
}
.content .cate ul li.last a{
    margin-right:0rem;
    width: 1.4rem;
}
.content .cate ul li:nth-child(3) a img{
    margin: 2px 0 3px;

}
.content .product{
    /* background: #f8f8f8; */

    padding:.20rem 0 1.13rem;
    
}
.content .product .item{
    background: #fff;
    border:.01rem solid #d3d3d3;
    margin:0 auto 0.20rem;
    width:7.15rem;
    height:2.82rem;
}
.content .product .item .left, .product .item .right {
    float: left;
}
.content .product .item .left{
    width:3.70rem;
}
.content .product .item .left h3{
    font-size: .42rem;
    color:#f04e92;
    margin-top: .45rem;
    margin-left: .45rem;
}
.content .product .item .left p{
    margin-left: .45rem;
    font-size: .27rem;
    font-weight: bold;
}
.content .product .item .left p:last-child{
    margin-left: .45rem;
    color: #818181;
    font-size: 26px;
    margin-top:0;
}
.content .product .item .left p span:first-child{
    font-size: .6rem;
    color: #f04e92;
}
.content .product .item .left p span:last-child{
    font-size: .3rem;
    color: #f04e92;
}
footer{
    width:7.5rem;
    height:1.11rem;
    border-top:1px solid #d3d3d3;
    position: fixed;
    bottom:0;
    left:0;
    background:#fff;
    z-index: 100000;
}
footer ul li {
    float: left;
}

footer ul li a{
    float: left;
    width:.95rem;
    padding-bottom:.13rem;
    text-align:center;
    margin-right:1.2rem;
}
footer ul li a img{
    width:.95rem;
    height:.63rem;
}
footer ul li.last a{
    margin-right:0;
}
@media screen and (max-device-width:375px){
    .content .product .item .left{
        width: 170.5px;
        height: 125px;
    }
    .content .product .item .right{
        width: 185.5px;
        float: left;
    }
    .content .product .item .right img{
        width: 170px;
        height: auto;
    }
    .content .product .item .left p:last-child {
        margin-left: .45rem;
        color: #818181;
        margin-top: 0;
        font-size: 12px;
    }
    footer ul li a {
        float: left;
        width: 67px;
        padding-bottom: .13rem;
        text-align: center;
        margin-right: 35px;
    }
}
